<include file="__THEME__/header" />

<link rel='stylesheet' type='text/css' href='__PUBLIC__/js/fullcalendar/theme.css' />
<link rel='stylesheet' type='text/css' href='__PUBLIC__/js/fullcalendar/fullcalendar.css' />
<link rel='stylesheet' type='text/css' href='__PUBLIC__/js/fullcalendar/fullcalendar.print.css' media='print' />
<script type='text/javascript' src='__PUBLIC__/js/jquery-ui-1.8.11.custom.min.js'></script>
<script type='text/javascript' src='__PUBLIC__/js/fullcalendar/fullcalendar.min.js'></script>
<script type='text/javascript' src='__PUBLIC__/js/popUpWin.js'></script>
<script type='text/javascript'>
	$(document).ready(function() {
		var date = new Date();
		var d = date.getDate();
		var m = date.getMonth();
		var y = date.getFullYear();
		
		$('#calendar').fullCalendar({
			theme: true,
			header: {
				left: 'prev,next today',
				center: 'title',
				right: 'month,agendaWeek,agendaDay'
			},
			editable: true,
			events: [
				{
					title: 'All Day Event',
					start: new Date(y, m, 1)
				},
				{
					title: '让对的产品样产品样让对方发送很大的产品样产品样让对方发送很大的产品样产品样',
					start: new Date(y, m, d-5),
					end: new Date(y, m, d-2)
				},
				{
					id: 999,
					title: 'Repeating Event',
					start: new Date(y, m, d-3, 16, 0),
					allDay: false
				},
				{
					id: 999,
					title: 'Repeating Event',
					start: new Date(y, m, d+4, 16, 0),
					allDay: false
				},
				{
					title: 'Meeting',
					start: new Date(y, m, d, 10, 30),
					allDay: false
				},
				{
					title: 'Lunch',
					start: new Date(y, m, d, 12, 0),
					end: new Date(y, m, d, 14, 0),
					allDay: false
				},
				{
					title: 'Birthday Party',
					start: new Date(y, m, d+1, 19, 0),
					end: new Date(y, m, d+1, 22, 30),
					allDay: false
				},
				{
					title: 'Click for Google',
					start: new Date(y, m, 28),
					end: new Date(y, m, 29),
					url: 'http://google.com/'
				}
			],
			eventClick: function(calEvent, jsEvent, view) { alert("OKO");},
			dayClick:function( date, allDay, jsEvent, view ) {


			/*
				   if (allDay) {
						alert('Clicked on the entire day: ' + date);
					}else{
						alert('Clicked on the slot: ' + date);
					}
					alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY);
					alert('Current view: ' + view.name);
					// change the day's background color just for fun
					//$(this).css('background-color', 'red');
					*/
			}
		});
		
	});

</script>




<div class="content"><!-- 内容 begin  -->
    <div class="mainbox">


<div id='calendar'></div>


	 </div><!-- mainbox end -->
</div><!-- 内容 end -->
<include file="__THEME__/footer" />
